<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="./js/jquery.ptTimeSelect.js"></script>
<script type="text/javascript" src="./js/DateExpFunction.js"></script>
<link href="./css/cupertino/jquery-ui-1.7.2.custom2.css"	rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="./css/jquery.ptTimeSelect.css" />
<style type="text/css">
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
	#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 0.8em; }
	.ui-state-highlight { height: 1.5em; }
	input[type="text"] { width: 15em;}
</style>
<title>Insert title here</title>
<script type="text/javascript"><!--
	/*  jQuery basic functionality */
	$(function() {
		$(".accordion").accordion({
		    collapsible: true,
		    autoHeight: false
			});
		$(".tabs").tabs();
		$(".myTimePicker").ptTimeSelect();
		$(".myDatePicker_tour").datepicker({
			numberOfMonths: 2,
			showButtonPanel: true
		});
		$(".sortable").sortable({
			placeholder: 'ui-state-highlight'
		});
		$(".sortable").disableSelection();
		
	});

	/* Custom function: Tour > Course: change the tab name by course name */
	function course_name_keyup(myCourseName) {
		return;
		if ($("#" + myCourseName).attr("value") != "") {
			tabIndexOf = myCourseName.lastIndexOf("c");
			tabIndexLabelLen = myCourseName.length;
			tabIndex = myCourseName.substring(tabIndexOf+1, tabIndexLabelLen);
			//$("#panelCourse ul li:eq(" + tabIndex + ")").text($("#" + myCourseName).attr("value"));
			//$("#panelCourse").tabs("option","label","123");
			}
	}

	/* Custom function: Tour > Course > Day > Program: change the program label */
	function program_label_set(myProgramName){
		myArry = myProgramName.split("_");
		myProgramID = myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		textValue = $("#" + myProgramName).attr("value");
		STValue = $("#program_starttime_" + myProgramID).attr("value");
		ETValue = $("#program_endtime_" + myProgramID).attr("value");

		$("#formProgram_" + myProgramID + " span:eq(0)").html("<b>" + STValue + "~" + ETValue + " : " + textValue + "</b>")
		}

	
	/*  Custom function: Tour > Course: Initial State:
	to create the Course Tab. */
	$(function(){
		$("#tour_submit").click(function(){
			if ($("#tour_startdate").val() == "" || $("#tour_enddate").val() == "") return;
			var myCourse_tab_count = $("#course_tab_count").attr("value");
			if (myCourse_tab_count > 0) {alert("Changing the date would damage your current setting.");	return;}

			//var myCourse_tab_count = $("#course_tab_count").attr("value");
			myCourse_tab_count ++;
			$("#course_tab_count").attr("value",myCourse_tab_count);
			var myCourse_count = $("#course_count").attr("value");
			myCourse_count ++;
			$("#course_count").attr("value",myCourse_count);

			$("#panelCourse").css({
				display: "inline-block"
					});
			newTabName = "coursetab_c" + myCourse_count;
			$("#panelCourse").tabs("add","#"+ newTabName,"New Plan 1",myCourse_count-1);
			$("#" + newTabName).append("Plan Name:<input type='text' name='course_name_c" + myCourse_count + "' id='course_name_c" + myCourse_count + "' onkeyup='course_name_keyup(\"course_name_c" + myCourse_count + "\")' />");
			$("#" + newTabName).append("Type:<select name='course_type_c" + myCourse_count + "' id='course_type_c" + myCourse_count + "'><option value='open'>open</option><option value='read-only'>read-only</option><option value='private'>private</option></select>");
			$("#" + newTabName).append("Start on:<input type='text' class='myDatePicker' name='course_startdate_c" + myCourse_count + "' id='course_startdate_c" + myCourse_count + "' />");
			$("#" + newTabName).append("End on:<input type='text' class='myDatePicker' name='course_enddate_c" + myCourse_count + "' id='course_enddate_c" + myCourse_count + "' />");
			$("#" + newTabName).append("<input type='button' class='course_button' name='course_button_c" + myCourse_count + "' id='course_button_c" + myCourse_count + "' value='OK' onClick='course_button(\"c" + myCourse_count + "\")' /><br />");
			$("#" + newTabName).append("Description:<input type='text' name='course_description_c" + myCourse_count + "' id='course_description_c" + myCourse_count + "' />");
			$("#" + newTabName).append("<div id='panelDays_c" + myCourse_count + "' name='panelDays_c" + myCourse_count + "' class='accordion'></div>");
			$("#" + newTabName).append("<input type='hidden' id='day_count_c" + myCourse_count + "' name='day_count_c" + myCourse_count + "' value='0'/>");
			$(".myDatePicker").datepicker({
				numberOfMonths: 2,
				showButtonPanel: true,
				minDate: $("#tour_startdate").datepicker("getDate"), 
				maxDate: $("#tour_enddate").datepicker("getDate")
			});
		});
	});

	/* Custom function: Tour > Course: Add Course Tab */
	$(function(){
		$("#addCourseButton").click(function(){
			var myCourse_tab_count = $("#course_tab_count").attr("value");
			//alert(myCourse_tab_count);
			if (myCourse_tab_count < 1) {alert("Operation Not Allowed.");return;}
			
			myCourse_tab_count ++;
			$("#course_tab_count").attr("value",myCourse_tab_count);
			var myCourse_count = $("#course_count").attr("value");
			myCourse_count ++;
			$("#course_count").attr("value",myCourse_count);
			newTabName = "coursetab_c" + myCourse_count;
			$("#panelCourse").tabs("add","#"+ newTabName,"New Plan " + myCourse_count,myCourse_count-1);
			$("#" + newTabName).append("Plan Name:<input type='text' name='course_name_c" + myCourse_count + "' id='course_name_c" + myCourse_count + "' onkeyup='course_name_keyup(\"course_name_c" + myCourse_count + "\")' />");
			$("#" + newTabName).append("Type:<select name='course_type_c" + myCourse_count + "' id='course_type_c" + myCourse_count + "'><option value='open'>open</option><option value='read-only'>read-only</option><option value='private'>private</option></select>");
			$("#" + newTabName).append("Start on:<input type='text' class='myDatePicker' name='course_startdate_c" + myCourse_count + "' id='course_startdate_c" + myCourse_count + "' />");
			$("#" + newTabName).append("End on:<input type='text' class='myDatePicker' name='course_enddate_c" + myCourse_count + "' id='course_enddate_c" + myCourse_count + "' />");
			$("#" + newTabName).append("<input type='button' class='course_button' name='course_button_c" + myCourse_count + "' id='course_button_c" + myCourse_count + "' value='OK' onClick='course_button(\"c" + myCourse_count + "\")' /><br />");
			$("#" + newTabName).append("Description:<input type='text' name='course_description_c" + myCourse_count + "' id='course_description_c" + myCourse_count + "' />");
			$("#" + newTabName).append("<div id='panelDays_c" + myCourse_count + "' name='panelDays_c" + myCourse_count + "' class='accordion'></div>");
			$("#" + newTabName).append("<input type='hidden' id='day_count_c" + myCourse_count + "' name='day_count_c" + myCourse_count + "' value='0'/>");
			$(".myDatePicker").datepicker({
				numberOfMonths: 2,
				showButtonPanel: true,
				minDate: $("#tour_startdate").datepicker("getDate"), 
				maxDate: $("#tour_enddate").datepicker("getDate")
			});
		});
	});

	
	/* Custom function: Tour > Course > Day: each day div
	to create div for each day by course duration. */
	function course_button(myID) {

		if ($("#course_startdate_" + myID).val() == "" || $("#course_enddate_" + myID).val() == "") return;
		if ($("#day_count_" + myID).attr("value") != "0") {alert("Operation Not Allowed");return;}

		thisPanelDays = "#panelDays_" + myID;
		var myStartDate = $("#course_startdate_" + myID).attr("value");
		var myEndDate = $("#course_enddate_" + myID).attr("value");
		var SD = new Date(myStartDate.split("/")[2] + "/" + myStartDate.split("/")[0] + "/" + myStartDate.split("/")[1]);
		var ED = new Date(myEndDate.split("/")[2] + "/" + myEndDate.split("/")[0] + "/" + myEndDate.split("/")[1]);
		myDaysCount = SD.DateDiff("d", ED);
		myDaysCount++;
		$("#day_count_" + myID).attr("value",myDaysCount);
		for (i=1;i<=myDaysCount;i++) {
			myDayID = myID + "_d" + i;
			$(thisPanelDays).append("<h3><a href='#'>Day " + i + "</a></h3>");
			$(thisPanelDays).append("<div name='divDay_" + myDayID + "' id='divDay_" + myDayID + "'></div>");
			$("#divDay_" + myDayID).append("<input type='hidden' name='program_count_" + myDayID + "' id='program_count_" + myDayID + "' value='0' />");
			$("#divDay_" + myDayID).append("<ul class='sortable panelProgram_" + myDayID + "'  id='panelProgram_" + myDayID + " name='panelProgram_" + myDayID + "'></ul>");
			$("#divDay_" + myDayID).append("<span name='addprogram_" + myDayID + "' id='addprogram_" + myDayID + "' class='ui-icon ui-icon-plusthick addProgram' style='cursor:pointer;' onClick='addprogram(\"" + myDayID + "\");' ></span>");
			}
		$(thisPanelDays).accordion({
		    collapsible: true,
		    autoHeight: false
			});
	}

	/* Custom function: Tour > Cpurse > Day > Program: open or close program detail div. */
	function program_open(myText) {
		myArry = myText.split("_");
		myProgramID = myArry[1] + "_" + myArry[2] + "_" + myArry[3];
		myStatus = $("#PanelProgramDetail_" + myProgramID).css("display");
		switch ($("#PanelProgramDetail_" + myProgramID).css("display")) {
		case "block":
			$("#PanelProgramDetail_" + myProgramID).css("display","none");
			break;
		case "none":
			$("#PanelProgramDetail_" + myProgramID).css("display","block");
		}
		
	}
	
	/* Custom function: Tour > Course > Day > Program: Program Form
	to Create Program Form for each day. */
	function addprogram(myDayID){
			var thisProgramCount = $("#program_count_" + myDayID).attr("value");
			thisProgramCount++;
			$("#program_count_" + myDayID).attr("value",thisProgramCount);
			thisPanelProgram = "#panelProgram_" + myDayID;
			myProgramID =  myDayID + "_p" + thisProgramCount;
			myStr = "<li class='ui-state-default formProgram_" + myProgramID + "' name='formProgram_" + myProgramID + "' id='formProgram_" + myProgramID + "'>";
			myStr = myStr + "<input type='image' src='./img/icon/views-24.png' style='width:24px; height:24px;' class='program_open' name='PanelProgramOpen_" + myProgramID + "' id='PanelProgramOpen_" + myProgramID + "' onClick='program_open(\"PanelProgramOpen_" + myProgramID + "\");'/>";
			myStr = myStr + "<span><b>New Program</b></span><br />";
			myStr = myStr + "Start at:<input type='text' class='myTimePicker' name='program_starttime_" + myProgramID + "' id='program_starttime_" + myProgramID + "'/>";
			myStr = myStr + "End at:<input type='text' class='myTimePicker' name='program_endtime_" + myProgramID + "' id='program_endtime_" + myProgramID + "' />";
			myStr = myStr + "<select name='program_select_" + myProgramID + "' id='program_select_" + myProgramID + "' onChange='program_select(\"program_select_" + myProgramID + "\");'><option value='null'> -- </option><option value='interest'>Interest</option><option value='food'>Food</option><option value='activity'>Activity</option><option value='hotel'>Hotel</option></select><br />";
			myStr = myStr + "<div id='PanelProgramDetail_" + myProgramID + "' name='PanelProgramDetail_" + myProgramID + "'></div>";
			myStr = myStr + "</li>";
			//alert(myStr);
			$(".panelProgram_" + myDayID).append(myStr);

		$(".sortable").sortable({
			placeholder: 'ui-state-highlight'
		});
		$(".sortable").disableSelection();				
		$(".myTimePicker").ptTimeSelect();
		}
	
	/* Custom function: Tour > Course > Day > Program: 
	to define the program type and create the form, such as interest, hotel, etc. */
function program_select(program_select_ID){
	myArry = program_select_ID.split("_");
	myID = myArry[2] + "_" + myArry[3] + "_" + myArry[4];
	thisObj = "#" + program_select_ID;
	thisPanelProgramDetail = "#" + $("#" + program_select_ID + "+br+div").attr("id");

	switch ($("#" + program_select_ID).val()) {
	case "null":
		$(thisPanelProgramDetail).remove();
		break;
	case "interest":
		$(thisPanelProgramDetail).remove();
		$("#formProgram_" + myID).append("<div id='PanelProgramDetail_" + myID + "'></div>");
		$("#PanelProgramDetail_" + myID).append("<img src='img/icon/edit24.png' />Interest Point");
		$("#PanelProgramDetail_" + myID).append("<input name='interest_name_" + myID + "' id='interest_name_" + myID + "' type='text' style='width:10em;' />");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/link-36.png' name='interest_sitebtn_" + myID + "' id='interest_sitebtn_" + myID + "' alt='Official Site' onclick='open_program_detailitem(\"interest_sitebtn_" + myID + "\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/map-32.png' name='interest_googleurlbtn_" + myID + "' id='interest_googleurlbtn_" + myID + "' alt='Google Map' onclick='open_program_detailitem(\"interest_googleurlbtn_" + myID + "\");'/> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/comments-24.png' name='interest_descriptionbtn_" + myID + "' id='interest_descriptionbtn_" + myID + "' alt='Description' onclick='open_program_detailitem(\"interest_descriptionbtn_" + myID + "\");'/> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/copy24.png' name='interest_refnamebtn_" + myID + "' id='interest_refnamebtn_" + myID + "' alt='Reference Information' onclick='open_program_detailitem(\"interest_refnamebtn_" + myID + "\");'/>");
		$("#PanelProgramDetail_" + myID).append("<div id='interest_sitebtn_" + myID + "_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"interest_sitebtn_" + myID + "_div\")' />Official Site<input name='interest_site_" + myID + "' id='interest_site_" + myID + "' type='text' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='interest_googleurlbtn_" + myID + "_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"interest_googleurlbtn_" + myID + "_div\")' />Google Map<input type='text' name='interest_googleurl_" + myID + "' id='interest_googleurl_" + myID + "' /><input type='image' src='img/icon/tryit.png	' name='interest_googlepreview_" + myID + "' id='interest_googlepreview_" + myID + "' class='googlepreview' value='=>' onClick='googlepreview(\"interest_googlepreview_" + myID + "\");' /><div name='interest_googlepage_" + myID + "' id='interest_googlepage_" + myID + "'><div name='interest_googlepagedetail_" + myID + "' id='interest_googlepagedetail_" + myID + "'></div></div></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='interest_descriptionbtn_" + myID + "_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"interest_descriptionbtn_" + myID + "_div\")' />Description<input size='59' type='text' name='interest_description_" + myID + "' id='interest_description_" + myID + "' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='interest_refnamebtn_" + myID + "_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"interest_refnamebtn_" + myID + "_div\")' />Reference Information<input type='text' name='interest_refname_" + myID + "' id='interest_refname_" + myID + "' />URL:<input type='text' name='interest_refurl_" + myID + "' id='interest_refurl_" + myID + "' /><input type='image' src='img/icon/add1-24.png' name='interest_refsubmit_" + myID + "' id='interest_refsubmit_" + myID + "' class='refsubmit' value='add' onClick='refsubmit(\"interest_refsubmit_" + myID + "\");' /><br /><div name='interest_attachpage_" + myID + "' id='interest_attachpage_" + myID + "'><input type='hidden' name='interest_attachurlcount_" + myID + "' id='interest_attachurlcount_" + myID + "' value='0' /></div></div>");
		break;
	case "food":
		$(thisPanelProgramDetail).remove();
		$("#formProgram_" + myID).append("<div id='PanelProgramDetail_" + myID + "'></div>");
		$("#PanelProgramDetail_" + myID).append("<img src='img/icon/edit24.png' />Food Restaurant");
		$("#PanelProgramDetail_" + myID).append("<input name='food_name_c0_d0_p0' id='food_name_c0_d0_p0' type='text' style='width:10em;' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/link-36.png' name='food_sitebtn_c0_d0_p0' id='food_sitebtn_c0_d0_p0' alt='Official Site' onclick='open_program_detailitem(\"food_sitebtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/archive-24.png' name='food_categorybtn_c0_d0_p0' id='food_categorybtn_c0_d0_p0' alt='Category' onclick='open_program_detailitem(\"food_categorybtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/coins.png' name='food_pricerangebtn_c0_d0_p0' id='food_pricerangebtn_c0_d0_p0' alt='Price Range' onclick='open_program_detailitem(\"food_pricerangebtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/credit_cards.png' name='food_creditecardbtn_c0_d0_p0' id='food_creditecardbtn_c0_d0_p0' alt='Credite Card' onclick='open_program_detailitem(\"food_creditecardbtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/addressbook24.png' name='food_addressbtn_c0_d0_p0' id='food_addressbtn_c0_d0_p0' alt='Address' onclick='open_program_detailitem(\"food_addressbtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/office5_24.png' name='food_phonebtn_c0_d0_p0' id='food_phonebtn_c0_d0_p0' alt='Telephone' onclick='open_program_detailitem(\"food_phonebtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/map-32.png' name='food_googleurlbtn_c0_d0_p0' id='food_googleurlbtn_c0_d0_p0' alt='Google Map' onclick='open_program_detailitem(\"food_googleurlbtn_c0_d0_p0\");'/>");  
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/comments-24.png' name='food_descriptionbtn_c0_d0_p0' id='food_descriptionbtn_c0_d0_p0' alt='Description' onclick='open_program_detailitem(\"food_descriptionbtn_c0_d0_p0\");'/>"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/copy24.png' name='food_refnamebtn_c0_d0_p0' id='food_refnamebtn_c0_d0_p0' alt='Reference Information' onclick='open_program_detailitem(\"food_refnamebtn_c0_d0_p0\");'/>");
		$("#PanelProgramDetail_" + myID).append("<div id='food_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_sitebtn_c0_d0_p0_div\")' />Official Site<input name='food_site_c0_d0_p0' id='food_site_c0_d0_p0' type='text' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='food_categorybtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_categorybtn_c0_d0_p0_div\")' />Category<select name='food_category_c0_d0_p0' id='food_category_c0_d0_p0'><option value='Chinese Food'>Chinese Food</option><option value='Fast Food'>Fast Food</option><option value='Japanese Food'>Japanese Food</option></select></div>"); 
		$("#PanelProgramDetail_" + myID).append("<div id='food_pricerangebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_pricerangebtn_c0_d0_p0_div\")' />Price Range<input name='food_pricerange_c0_d0_p0' id='food_pricerange_c0_d0_p0' type='text' /></div> ");
		$("#PanelProgramDetail_" + myID).append("<div id='food_creditecardbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_creditecardbtn_c0_d0_p0_div\")' />Credite Card<input name='food_creditecard_c0_d0_p0' id='food_creditecard_c0_d0_p0' type='text' /></div>"); 
		$("#PanelProgramDetail_" + myID).append("<div id='food_addressbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_addressbtn_c0_d0_p0_div\")' />Address<input name='food_address_c0_d0_p0' id='food_address_c0_d0_p0' type='text' /></div> ");
		$("#PanelProgramDetail_" + myID).append("<div id='food_phonebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_phonebtn_c0_d0_p0_div\")' />Telephone<input name='food_phone_c0_d0_p0' id='food_phone_c0_d0_p0' type='text' /></div> ");
		$("#PanelProgramDetail_" + myID).append("<div id='food_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_googleurlbtn_c0_d0_p0_div\")' />Google Map<input type='text' name='food_googleurl_c0_d0_p0' id='food_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='food_googlepreview_c0_d0_p0' id='food_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick='googlepreview(\"food_googlepreview_c0_d0_p0\");' /><div name='food_googlepage_c0_d0_p0' id='food_googlepage_c0_d0_p0'><div name='food_googlepagedetail_c0_d0_p0' id='food_googlepagedetail_c0_d0_p0'></div></div></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='food_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_descriptionbtn_c0_d0_p0_div\")' />Description<input size='59' type='text' name='food_description_c0_d0_p0' id='food_description_c0_d0_p0' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='food_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"food_refnamebtn_c0_d0_p0_div\")' />Reference Information<input type='text' name='food_refname_c0_d0_p0' id='food_refname_c0_d0_p0' />URL:<input type='text' name='food_refurl_c0_d0_p0' id='food_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='food_refsubmit_c0_d0_p0' id='food_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick='refsubmit(\"food_refsubmit_c0_d0_p0\");' /><br /><div name='food_attachpage_c0_d0_p0' id='food_attachpage_c0_d0_p0'><input type='hidden' name='food_attachurlcount_c0_d0_p0' id='food_attachurlcount_c0_d0_p0' value='0' /></div></div>");
		break;
	case "activity":
		$(thisPanelProgramDetail).remove();
		$("#formProgram_" + myID).append("<div id='PanelProgramDetail_" + myID + "'></div>");
		$("#PanelProgramDetail_" + myID).append("<img src='img/icon/edit24.png' />Activity");
		$("#PanelProgramDetail_" + myID).append("<input name='activity_name_c0_d0_p0' id='activity_name_c0_d0_p0' type='text' style='width:10em;' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/link-36.png' name='activity_sitebtn_c0_d0_p0' id='activity_sitebtn_c0_d0_p0' alt='Official Site' onclick='open_program_detailitem(\"activity_sitebtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/archive-24.png' name='activity_categorybtn_c0_d0_p0' id='activity_categorybtn_c0_d0_p0' alt='Category' onclick='open_program_detailitem(\"activity_categorybtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/map-32.png' name='activity_googleurlbtn_c0_d0_p0' id='activity_googleurlbtn_c0_d0_p0' alt='Google Map' onclick='open_program_detailitem(\"activity_googleurlbtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/comments-24.png' name='activity_descriptionbtn_c0_d0_p0' id='activity_descriptionbtn_c0_d0_p0' alt='Description' onclick='open_program_detailitem(\"activity_descriptionbtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/copy24.png' name='activity_refnamebtn_c0_d0_p0' id='activity_refnamebtn_c0_d0_p0' alt='Reference Information' onclick='open_program_detailitem(\"activity_refnamebtn_c0_d0_p0\");' />");
		$("#PanelProgramDetail_" + myID).append("<div id='activity_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"activity_sitebtn_c0_d0_p0_div\")' />Official Site<input name='activity_site_c0_d0_p0' id='activity_site_c0_d0_p0' type='text' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='activity_categorybtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"activity_categorybtn_c0_d0_p0_div\")' />Category<select name='activity_category_c0_d0_p0' id='activity_category_c0_d0_p0'><option value='Dance'>Dance</option><option value='Outdoor'>Outdoor</option><option value='Seminar'>Seminar</option></select></div>"); 
		$("#PanelProgramDetail_" + myID).append("<div id='activity_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"activity_googleurlbtn_c0_d0_p0_div\")' />Google Map<input type='text' name='activity_googleurl_c0_d0_p0' id='activity_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='activity_googlepreview_c0_d0_p0' id='activity_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick='googlepreview(\"activity_googlepreview_c0_d0_p0\");' /><div name='activity_googlepage_c0_d0_p0' id='activity_googlepage_c0_d0_p0'><div name='activity_googlepagedetail_c0_d0_p0' id='activity_googlepagedetail_c0_d0_p0'></div></div></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='activity_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"activity_descriptionbtn_c0_d0_p0_div\")' />Description<input size='59' type='text' name='activity_description_c0_d0_p0' id='activity_description_c0_d0_p0' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='activity_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"activity_refnamebtn_c0_d0_p0_div\")' />Reference Information<input type='text' name='activity_refname_c0_d0_p0' id='activity_refname_c0_d0_p0' />URL:<input type='text' name='activity_refurl_c0_d0_p0' id='activity_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='activity_refsubmit_c0_d0_p0' id='activity_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick='refsubmit(\"activity_refsubmit_c0_d0_p0\");' /><br /><div name='activity_attachpage_c0_d0_p0' id='activity_attachpage_c0_d0_p0'><input type='hidden' name='activity_attachurlcount_c0_d0_p0' id='activity_attachurlcount_c0_d0_p0' value='0' /></div></div>");
		break;
	case "hotel":
		$(thisPanelProgramDetail).remove();
		$("#formProgram_" + myID).append("<div id='PanelProgramDetail_" + myID + "'></div>");
		$("#PanelProgramDetail_" + myID).append("<img src='img/icon/edit24.png' />Hotel");
		$("#PanelProgramDetail_" + myID).append("<input name='hotel_name_c0_d0_p0' id='hotel_name_c0_d0_p0' type='text' style='width:10em;' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/link-36.png' name='hotel_sitebtn_c0_d0_p0' id='hotel_sitebtn_c0_d0_p0' alt='Official Site' onclick='open_program_detailitem(\"hotel_sitebtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/archive-24.png' name='hotel_categorybtn_c0_d0_p0' id='hotel_categorybtn_c0_d0_p0' alt='Category' onclick='open_program_detailitem(\"hotel_categorybtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/Favorite_24x24.png' name='hotel_starbtn_c0_d0_p0' id='hotel_starbtn_c0_d0_p0' alt='Star' onclick='open_program_detailitem(\"hotel_starbtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/Home.png' name='hotel_roombtn_c0_d0_p0' id='hotel_roombtn_c0_d0_p0' alt='Room Type' onclick='open_program_detailitem(\"hotel_roombtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/coins.png' name='hotel_pricerangebtn_c0_d0_p0' id='hotel_pricerangebtn_c0_d0_p0' alt='Price Range' onclick='open_program_detailitem(\"hotel_pricerangebtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/credit_cards.png' name='hotel_creditecardbtn_c0_d0_p0' id='hotel_creditecardbtn_c0_d0_p0' alt='Credite Card' onclick='open_program_detailitem(\"hotel_creditecardbtn_c0_d0_p0\");' />"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/addressbook24.png' name='hotel_addressbtn_c0_d0_p0' id='hotel_addressbtn_c0_d0_p0' alt='Address' onclick='open_program_detailitem(\"hotel_addressbtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/office5_24.png' name='hotel_phonebtn_c0_d0_p0' id='hotel_phonebtn_c0_d0_p0' alt='Telephone' onclick='open_program_detailitem(\"hotel_phonebtn_c0_d0_p0\");' /> ");
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/map-32.png' name='hotel_googleurlbtn_c0_d0_p0' id='hotel_googleurlbtn_c0_d0_p0' alt='Google Map' onclick='open_program_detailitem(\"hotel_googleurlbtn_c0_d0_p0\");'/>");  
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/comments-24.png' name='hotel_descriptionbtn_c0_d0_p0' id='hotel_descriptionbtn_c0_d0_p0' alt='Description' onclick='open_program_detailitem(\"hotel_descriptionbtn_c0_d0_p0\");'/>"); 
		$("#PanelProgramDetail_" + myID).append("<input type='image' src='img/icon/copy24.png' name='hotel_refnamebtn_c0_d0_p0' id='hotel_refnamebtn_c0_d0_p0' alt='Reference Information' onclick='open_program_detailitem(\"hotel_refnamebtn_c0_d0_p0\");'/>");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_sitebtn_c0_d0_p0_div\")' />Official Site<input name='hotel_site_c0_d0_p0' id='hotel_site_c0_d0_p0' type='text' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_categorybtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_categorybtn_c0_d0_p0_div\")' />Category<select name='hotel_category_c0_d0_p0' id='hotel_category_c0_d0_p0'><option value='Chinese Food'>Chinese Food</option><option value='Fast Food'>Fast Food</option><option value='Japanese Food'>Japanese Food</option></select></div>"); 
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_starbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_starbtn_c0_d0_p0_div\")' />Star<select name='hotel_star_c0_d0_p0' id='hotel_star_c0_d0_p0'><option value='6'>over 5 Star</option><option value='5'>5 Star</option><option value='4'>4 Star</option><option value='3'>3 Star</option><option value='2'>2 Star</option><option value='1'>1 Star</option><option value='0'>N/A</option></select></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_roombtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_roombtn_c0_d0_p0_div\")' />Room Type<select name='hotel_room_c0_d0_p0' id='hotel_room_c0_d0_p0'><option value='1-1s'>X1, One Standard</option><option value='2-2s'>X2, Two Standard</option><option value='2-1k'>X2, One King Size</option><option value='others'>Others</option></select></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_pricerangebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_pricerangebtn_c0_d0_p0_div\")' />Price Range<input name='hotel_pricerange_c0_d0_p0' id='hotel_pricerange_c0_d0_p0' type='text' /></div> ");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_creditecardbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_creditecardbtn_c0_d0_p0_div\")' />Credite Card<input name='hotel_creditecard_c0_d0_p0' id='hotel_creditecard_c0_d0_p0' type='text' /></div>"); 
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_addressbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_addressbtn_c0_d0_p0_div\")' />Address<input name='hotel_address_c0_d0_p0' id='hotel_address_c0_d0_p0' type='text' /></div> ");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_phonebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_phonebtn_c0_d0_p0_div\")' />Telephone<input name='hotel_phone_c0_d0_p0' id='hotel_phone_c0_d0_p0' type='text' /></div> ");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_googleurlbtn_c0_d0_p0_div\")' />Google Map<input type='text' name='hotel_googleurl_c0_d0_p0' id='hotel_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='hotel_googlepreview_c0_d0_p0' id='hotel_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick='googlepreview(\"hotel_googlepreview_c0_d0_p0\");' /><div name='hotel_googlepage_c0_d0_p0' id='hotel_googlepage_c0_d0_p0'><div name='hotel_googlepagedetail_c0_d0_p0' id='hotel_googlepagedetail_c0_d0_p0'></div></div></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_descriptionbtn_c0_d0_p0_div\")' />Description<input size='59' type='text' name='hotel_description_c0_d0_p0' id='hotel_description_c0_d0_p0' /></div>");
		$("#PanelProgramDetail_" + myID).append("<div id='hotel_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick='close_program_detailitem(\"hotel_refnamebtn_c0_d0_p0_div\")' />Reference Information<input type='text' name='hotel_refname_c0_d0_p0' id='hotel_refname_c0_d0_p0' />URL:<input type='text' name='hotel_refurl_c0_d0_p0' id='hotel_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='hotel_refsubmit_c0_d0_p0' id='hotel_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick='refsubmit(\"hotel_refsubmit_c0_d0_p0\");' /><br /><div name='hotel_attachpage_c0_d0_p0' id='hotel_attachpage_c0_d0_p0'><input type='hidden' name='hotel_attachurlcount_c0_d0_p0' id='hotel_attachurlcount_c0_d0_p0' value='0' /></div></div>");

	}
			$(".sortable").sortable({
			placeholder: 'ui-state-highlight'
		});
		$(".sortable").disableSelection();
	}

	/* Custom function: Tour > Course > Day > Program: Form:
	to show the google map on the web through program form. */
	function googlepreview(thisID){
		myArry = thisID.split("_");
		thisDetail = "#" + myArry[0] + "_googlepagedetail_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];                                                                            				
		thisPage =  "#" + myArry[0] + "_googlepage_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		thisURL = "#" + myArry[0] + "_googleurl_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		$(thisDetail).remove();
		$(thisPage).append("<div name='" + thisDetail + "' id='" + thisDetail + "'>" + $(thisURL).attr("value") + "</div>");
		}

	/* Custom function: Tour > Course > Day > Program: From:
	to load the reference site on the web through program form. */
	function refsubmit(thisID){
		myArry = thisID.split("_");
		thisCount = "#" + myArry[0] + "_attachurlcount_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		thisPage = "#" + myArry[0] + "_attachpage_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		thisRefname = "#" + myArry[0] + "_refname_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		thisRefURL = "#" + myArry[0] + "_refurl_" + myArry[2] + "_" + myArry[3] + "_" + myArry[4];
		if ($(thisRefURL).attr("value")=="") return;
		var myRefIndex = $(thisCount).attr("value");
		myRefIndex ++;
		$(thisCount).attr("value",myRefIndex) ;
		divname = "link_" +  myArry[2] + "_" + myArry[3] + "_" + myArry[4] + "_" + myRefIndex; 
		$(thisPage).append("<div name='" + divname + "' id='" + divname + "'><div>");
		
		$("#" + divname).append("<hr />Reference Name:" + $(thisRefname).attr("value"));
		$("#" + divname).append("<input type='image' src='img/icon/delete24.png' name='r" + divname + "' id='r" + divname + "' onclick='$(\"#" + divname + "\").remove();' value='remove'  /><br />");
		$("#" + divname).append("<iframe name='p" + divname + "' id='p" + divname + "' src='" + $(thisRefURL).attr("value") + "' width='500' heigh='200' style='border:1px'></iframe>");
		$("#" + divname).append("<input type='hidden' name='colResourcelink_" + divname + "' id='colResourcelink_" + divname + "' value='" + $(thisRefURL).attr("value") + "' />");
		$("#" + divname).append("<input type='hidden' name='colResourcelinkname_" + divname + "' id='colResourcelinkname_" + divname + "' value='" + $(thisRefname).attr("value") + "' />");
	}


	
	--></script>
</head>
<body>

<div id="panelTour" name="panelTour" class="accordion">
		<h3><a href="#">Tour</a></h3>
		<div>
			Tour Name:<input type="text" name="tour_name" id="tour_name" /> Start on:<input type="text" class="myDatePicker_tour" name="tour_startdate" id="tour_startdate" /> End on:<input type="text" class="myDatePicker_tour" name="tour_enddate" id="tour_enddate" /> People:<input type="text" name="tour_people" id="tour_people" /><br />
			Description:<input type="text" name="tour_description" id="tour_description" />
			Style:<select name="tour_style" id="tour_style">
								<option value="1">Honeymoon</option>
								<option value="2">Business</option>
								<option value="3">Easy</option>
								<option value="4">Relax</option>
								<option value="5">Club</option>
							</select>
			Location:<select name="tour_location" id="tour_location">
											<option value="1">Philadelphia(city:Philly)</option>
											<option value="2">Pennsylvania(state:PA)</option>
											<option value="3">United State(country:US)</option>
											<option value="4">North American(area:NA)</option>
											<option value="5">Europ(area:EU)</option>
											<option value="6">United Kingdom(country:UK)</option>
											<option value="7">London(city:LDN)</option>
											<option value="8">New York City(city:NYC)</option>
											<option value="9">New York State(state:NY)</option>
									</select>
			Interest Point:<select name="tour_resource" id="tour_resource">
														<option value="2">故宮</option>
													</select>
			<input type="button" name="tour_submit" id="tour_submit" value="OK"/>
			<input type="hidden" name="course_tab_count" id="course_tab_count" value="0" />
			<div id="panelCourse" name="panelCourse" class="tabs" style="display: none;">
			  <input type="hidden" name="course_count" id="course_count" value="0" />
					<ul>
							<li><div class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-plusthick" name="addCourseButton" id="addCourseButton"></span></div></li>
					</ul>

			</div>
			
		</div>
</div>
<img src='img/icon/edit24.png' />Interest Point
<input name='interest_name_c0_d0_p0' id='interest_name_c0_d0_p0' type='text' style='width:10em;' /> 
<input type='image' src='img/icon/link-36.png' name='interest_sitebtn_c0_d0_p0' id='interest_sitebtn_c0_d0_p0' alt='Official Site' onclick="open_program_detailitem('interest_sitebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/map-32.png' name='interest_googleurlbtn_c0_d0_p0' id='interest_googleurlbtn_c0_d0_p0' alt='Google Map' onclick="open_program_detailitem('interest_googleurlbtn_c0_d0_p0');"/> 
<input type='image' src='img/icon/comments-24.png' name='interest_descriptionbtn_c0_d0_p0' id='interest_descriptionbtn_c0_d0_p0' alt='Description' onclick="open_program_detailitem('interest_descriptionbtn_c0_d0_p0');"/> 
<input type='image' src='img/icon/copy24.png' name='interest_refnamebtn_c0_d0_p0' id='interest_refnamebtn_c0_d0_p0' alt='Reference Information' onclick="open_program_detailitem('interest_refnamebtn_c0_d0_p0');"/>
<div id='interest_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('interest_sitebtn_c0_d0_p0_div')" />Official Site<input name='interest_site_c0_d0_p0' id='interest_site_c0_d0_p0' type='text' /></div>
<div id='interest_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('interest_googleurlbtn_c0_d0_p0_div')" />Google Map<input type='text' name='interest_googleurl_c0_d0_p0' id='interest_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='interest_googlepreview_c0_d0_p0' id='interest_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick="googlepreview('interest_googlepreview_c0_d0_p0');" /><div name='interest_googlepage_c0_d0_p0' id='interest_googlepage_c0_d0_p0'><div name='interest_googlepagedetail_c0_d0_p0' id='interest_googlepagedetail_c0_d0_p0'></div></div></div>
<div id='interest_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('interest_descriptionbtn_c0_d0_p0_div')" />Description<input size='59' type='text' name='interest_description_c0_d0_p0' id='interest_description_c0_d0_p0' /></div>
<div id='interest_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('interest_refnamebtn_c0_d0_p0_div')" />Reference Information<input type='text' name='interest_refname_c0_d0_p0' id='interest_refname_c0_d0_p0' />URL:<input type='text' name='interest_refurl_c0_d0_p0' id='interest_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='interest_refsubmit_c0_d0_p0' id='interest_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick="refsubmit('interest_refsubmit_c0_d0_p0');" /><br /><div name='interest_attachpage_c0_d0_p0' id='interest_attachpage_c0_d0_p0'><input type='hidden' name='interest_attachurlcount_c0_d0_p0' id='interest_attachurlcount_c0_d0_p0' value='0' /></div></div>

<br />

<img src='img/icon/edit24.png' />Food Restaurant
<input name='food_name_c0_d0_p0' id='food_name_c0_d0_p0' type='text' style='width:10em;' /> 
<input type='image' src='img/icon/link-36.png' name='food_sitebtn_c0_d0_p0' id='food_sitebtn_c0_d0_p0' alt='Official Site' onclick="open_program_detailitem('food_sitebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/archive-24.png' name='food_categorybtn_c0_d0_p0' id='food_categorybtn_c0_d0_p0' alt='Category' onclick="open_program_detailitem('food_categorybtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/coins.png' name='food_pricerangebtn_c0_d0_p0' id='food_pricerangebtn_c0_d0_p0' alt='Price Range' onclick="open_program_detailitem('food_pricerangebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/credit_cards.png' name='food_creditecardbtn_c0_d0_p0' id='food_creditecardbtn_c0_d0_p0' alt='Credite Card' onclick="open_program_detailitem('food_creditecardbtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/addressbook24.png' name='food_addressbtn_c0_d0_p0' id='food_addressbtn_c0_d0_p0' alt='Address' onclick="open_program_detailitem('food_addressbtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/office5_24.png' name='food_phonebtn_c0_d0_p0' id='food_phonebtn_c0_d0_p0' alt='Telephone' onclick="open_program_detailitem('food_phonebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/map-32.png' name='food_googleurlbtn_c0_d0_p0' id='food_googleurlbtn_c0_d0_p0' alt='Google Map' onclick="open_program_detailitem('food_googleurlbtn_c0_d0_p0');"/>  
<input type='image' src='img/icon/comments-24.png' name='food_descriptionbtn_c0_d0_p0' id='food_descriptionbtn_c0_d0_p0' alt='Description' onclick="open_program_detailitem('food_descriptionbtn_c0_d0_p0');"/> 
<input type='image' src='img/icon/copy24.png' name='food_refnamebtn_c0_d0_p0' id='food_refnamebtn_c0_d0_p0' alt='Reference Information' onclick="open_program_detailitem('food_refnamebtn_c0_d0_p0');"/>
<div id='food_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_sitebtn_c0_d0_p0_div')" />Official Site<input name='food_site_c0_d0_p0' id='food_site_c0_d0_p0' type='text' /></div>
<div id='food_categorybtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_categorybtn_c0_d0_p0_div')" />Category<select name='food_category_c0_d0_p0' id='food_category_c0_d0_p0'><option value='Chinese Food'>Chinese Food</option><option value='Fast Food'>Fast Food</option><option value='Japanese Food'>Japanese Food</option></select></div> 
<div id='food_pricerangebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_pricerangebtn_c0_d0_p0_div')" />Price Range<input name='food_pricerange_c0_d0_p0' id='food_pricerange_c0_d0_p0' type='text' /></div> 
<div id='food_creditecardbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_creditecardbtn_c0_d0_p0_div')" />Credite Card<input name='food_creditecard_c0_d0_p0' id='food_creditecard_c0_d0_p0' type='text' /></div> 
<div id='food_addressbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_addressbtn_c0_d0_p0_div')" />Address<input name='food_address_c0_d0_p0' id='food_address_c0_d0_p0' type='text' /></div> 
<div id='food_phonebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_phonebtn_c0_d0_p0_div')" />Telephone<input name='food_phone_c0_d0_p0' id='food_phone_c0_d0_p0' type='text' /></div> 
<div id='food_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_googleurlbtn_c0_d0_p0_div')" />Google Map<input type='text' name='food_googleurl_c0_d0_p0' id='food_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='food_googlepreview_c0_d0_p0' id='food_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick="googlepreview('food_googlepreview_c0_d0_p0');" /><div name='food_googlepage_c0_d0_p0' id='food_googlepage_c0_d0_p0'><div name='food_googlepagedetail_c0_d0_p0' id='food_googlepagedetail_c0_d0_p0'></div></div></div>
<div id='food_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_descriptionbtn_c0_d0_p0_div')" />Description<input size='59' type='text' name='food_description_c0_d0_p0' id='food_description_c0_d0_p0' /></div>
<div id='food_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('food_refnamebtn_c0_d0_p0_div')" />Reference Information<input type='text' name='food_refname_c0_d0_p0' id='food_refname_c0_d0_p0' />URL:<input type='text' name='food_refurl_c0_d0_p0' id='food_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='food_refsubmit_c0_d0_p0' id='food_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick="refsubmit('food_refsubmit_c0_d0_p0');" /><br /><div name='food_attachpage_c0_d0_p0' id='food_attachpage_c0_d0_p0'><input type='hidden' name='food_attachurlcount_c0_d0_p0' id='food_attachurlcount_c0_d0_p0' value='0' /></div></div>

<br />

<img src='img/icon/edit24.png' />Activity
<input name='activity_name_c0_d0_p0' id='activity_name_c0_d0_p0' type='text' style='width:10em;' /> 
<input type='image' src='img/icon/link-36.png' name='activity_sitebtn_c0_d0_p0' id='activity_sitebtn_c0_d0_p0' alt='Official Site' onclick="open_program_detailitem('activity_sitebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/archive-24.png' name='activity_categorybtn_c0_d0_p0' id='activity_categorybtn_c0_d0_p0' alt='Category' onclick="open_program_detailitem('activity_categorybtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/map-32.png' name='activity_googleurlbtn_c0_d0_p0' id='activity_googleurlbtn_c0_d0_p0' alt='Google Map' onclick="open_program_detailitem('activity_googleurlbtn_c0_d0_p0');"/> 
<input type='image' src='img/icon/comments-24.png' name='activity_descriptionbtn_c0_d0_p0' id='activity_descriptionbtn_c0_d0_p0' alt='Description' onclick="open_program_detailitem('activity_descriptionbtn_c0_d0_p0');"/> 
<input type='image' src='img/icon/copy24.png' name='activity_refnamebtn_c0_d0_p0' id='activity_refnamebtn_c0_d0_p0' alt='Reference Information' onclick="open_program_detailitem('activity_refnamebtn_c0_d0_p0');"/>
<div id='activity_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('activity_sitebtn_c0_d0_p0_div')" />Official Site<input name='activity_site_c0_d0_p0' id='activity_site_c0_d0_p0' type='text' /></div>
<div id='activity_categorybtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('activity_categorybtn_c0_d0_p0_div')" />Category<select name='activity_category_c0_d0_p0' id='activity_category_c0_d0_p0'><option value='Dance'>Dance</option><option value='Outdoor'>Outdoor</option><option value='Seminar'>Seminar</option></select></div> 
<div id='activity_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('activity_googleurlbtn_c0_d0_p0_div')" />Google Map<input type='text' name='activity_googleurl_c0_d0_p0' id='activity_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='activity_googlepreview_c0_d0_p0' id='activity_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick="googlepreview('activity_googlepreview_c0_d0_p0');" /><div name='activity_googlepage_c0_d0_p0' id='activity_googlepage_c0_d0_p0'><div name='activity_googlepagedetail_c0_d0_p0' id='activity_googlepagedetail_c0_d0_p0'></div></div></div>
<div id='activity_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('activity_descriptionbtn_c0_d0_p0_div')" />Description<input size='59' type='text' name='activity_description_c0_d0_p0' id='activity_description_c0_d0_p0' /></div>
<div id='activity_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('activity_refnamebtn_c0_d0_p0_div')" />Reference Information<input type='text' name='activity_refname_c0_d0_p0' id='activity_refname_c0_d0_p0' />URL:<input type='text' name='activity_refurl_c0_d0_p0' id='activity_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='activity_refsubmit_c0_d0_p0' id='activity_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick="refsubmit('activity_refsubmit_c0_d0_p0');" /><br /><div name='activity_attachpage_c0_d0_p0' id='activity_attachpage_c0_d0_p0'><input type='hidden' name='activity_attachurlcount_c0_d0_p0' id='activity_attachurlcount_c0_d0_p0' value='0' /></div></div>

<br />

<img src='img/icon/edit24.png' />Hotel
<input name='hotel_name_c0_d0_p0' id='hotel_name_c0_d0_p0' type='text' style='width:10em;' /> 
<input type='image' src='img/icon/link-36.png' name='hotel_sitebtn_c0_d0_p0' id='hotel_sitebtn_c0_d0_p0' alt='Official Site' onclick="open_program_detailitem('hotel_sitebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/archive-24.png' name='hotel_categorybtn_c0_d0_p0' id='hotel_categorybtn_c0_d0_p0' alt='Category' onclick="open_program_detailitem('hotel_categorybtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/Favorite_24x24.png' name='hotel_starbtn_c0_d0_p0' id='hotel_starbtn_c0_d0_p0' alt='Star' onclick="open_program_detailitem('hotel_starbtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/Home.png' name='hotel_roombtn_c0_d0_p0' id='hotel_roombtn_c0_d0_p0' alt='Room Type' onclick="open_program_detailitem('hotel_roombtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/coins.png' name='hotel_pricerangebtn_c0_d0_p0' id='hotel_pricerangebtn_c0_d0_p0' alt='Price Range' onclick="open_program_detailitem('hotel_pricerangebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/credit_cards.png' name='hotel_creditecardbtn_c0_d0_p0' id='hotel_creditecardbtn_c0_d0_p0' alt='Credite Card' onclick="open_program_detailitem('hotel_creditecardbtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/addressbook24.png' name='hotel_addressbtn_c0_d0_p0' id='hotel_addressbtn_c0_d0_p0' alt='Address' onclick="open_program_detailitem('hotel_addressbtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/office5_24.png' name='hotel_phonebtn_c0_d0_p0' id='hotel_phonebtn_c0_d0_p0' alt='Telephone' onclick="open_program_detailitem('hotel_phonebtn_c0_d0_p0');" /> 
<input type='image' src='img/icon/map-32.png' name='hotel_googleurlbtn_c0_d0_p0' id='hotel_googleurlbtn_c0_d0_p0' alt='Google Map' onclick="open_program_detailitem('hotel_googleurlbtn_c0_d0_p0');"/>  
<input type='image' src='img/icon/comments-24.png' name='hotel_descriptionbtn_c0_d0_p0' id='hotel_descriptionbtn_c0_d0_p0' alt='Description' onclick="open_program_detailitem('hotel_descriptionbtn_c0_d0_p0');"/> 
<input type='image' src='img/icon/copy24.png' name='hotel_refnamebtn_c0_d0_p0' id='hotel_refnamebtn_c0_d0_p0' alt='Reference Information' onclick="open_program_detailitem('hotel_refnamebtn_c0_d0_p0');"/>
<div id='hotel_sitebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_sitebtn_c0_d0_p0_div')" />Official Site<input name='hotel_site_c0_d0_p0' id='hotel_site_c0_d0_p0' type='text' /></div>
<div id='hotel_categorybtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_categorybtn_c0_d0_p0_div')" />Category<select name='hotel_category_c0_d0_p0' id='hotel_category_c0_d0_p0'><option value='Chinese Food'>Chinese Food</option><option value='Fast Food'>Fast Food</option><option value='Japanese Food'>Japanese Food</option></select></div> 
<div id='hotel_starbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_starbtn_c0_d0_p0_div')" />Star<select name='hotel_star_c0_d0_p0' id='hotel_star_c0_d0_p0'><option value='6'>over 5 Star</option><option value='5'>5 Star</option><option value='4'>4 Star</option><option value='3'>3 Star</option><option value='2'>2 Star</option><option value='1'>1 Star</option><option value='0'>N/A</option></select></div>
<div id='hotel_roombtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_roombtn_c0_d0_p0_div')" />Room Type<select name='hotel_room_c0_d0_p0' id='hotel_room_c0_d0_p0'><option value='1-1s'>X1, One Standard</option><option value='2-2s'>X2, Two Standard</option><option value='2-1k'>X2, One King Size</option><option value='others'>Others</option></select></div>
<div id='hotel_pricerangebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_pricerangebtn_c0_d0_p0_div')" />Price Range<input name='hotel_pricerange_c0_d0_p0' id='hotel_pricerange_c0_d0_p0' type='text' /></div> 
<div id='hotel_creditecardbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_creditecardbtn_c0_d0_p0_div')" />Credite Card<input name='hotel_creditecard_c0_d0_p0' id='hotel_creditecard_c0_d0_p0' type='text' /></div> 
<div id='hotel_addressbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_addressbtn_c0_d0_p0_div')" />Address<input name='hotel_address_c0_d0_p0' id='hotel_address_c0_d0_p0' type='text' /></div> 
<div id='hotel_phonebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_phonebtn_c0_d0_p0_div')" />Telephone<input name='hotel_phone_c0_d0_p0' id='hotel_phone_c0_d0_p0' type='text' /></div> 
<div id='hotel_googleurlbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_googleurlbtn_c0_d0_p0_div')" />Google Map<input type='text' name='hotel_googleurl_c0_d0_p0' id='hotel_googleurl_c0_d0_p0' /><input type='image' src='img/icon/tryit.png	' name='hotel_googlepreview_c0_d0_p0' id='hotel_googlepreview_c0_d0_p0' class='googlepreview' value='=>' onClick="googlepreview('hotel_googlepreview_c0_d0_p0');" /><div name='hotel_googlepage_c0_d0_p0' id='hotel_googlepage_c0_d0_p0'><div name='hotel_googlepagedetail_c0_d0_p0' id='hotel_googlepagedetail_c0_d0_p0'></div></div></div>
<div id='hotel_descriptionbtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_descriptionbtn_c0_d0_p0_div')" />Description<input size='59' type='text' name='hotel_description_c0_d0_p0' id='hotel_description_c0_d0_p0' /></div>
<div id='hotel_refnamebtn_c0_d0_p0_div' style='display:none;'><input type='image' src='img/icon/up24.png' name='' id='' onclick="close_program_detailitem('hotel_refnamebtn_c0_d0_p0_div')" />Reference Information<input type='text' name='hotel_refname_c0_d0_p0' id='hotel_refname_c0_d0_p0' />URL:<input type='text' name='hotel_refurl_c0_d0_p0' id='hotel_refurl_c0_d0_p0' /><input type='image' src='img/icon/add1-24.png' name='hotel_refsubmit_c0_d0_p0' id='hotel_refsubmit_c0_d0_p0' class='refsubmit' value='add' onClick="refsubmit('hotel_refsubmit_c0_d0_p0');" /><br /><div name='hotel_attachpage_c0_d0_p0' id='hotel_attachpage_c0_d0_p0'><input type='hidden' name='hotel_attachurlcount_c0_d0_p0' id='hotel_attachurlcount_c0_d0_p0' value='0' /></div></div>



<script language="javascript">
function open_program_detailitem(thisName) {
	if ($("#" + thisName + "_div").css("display") == "none") {
		$("#" + thisName + "_div").css("display","block");
	} else {
		$("#" + thisName + "_div").css("display","none");
	}
}
function close_program_detailitem(thisName) {
	$("#" + thisName).css("display","none");
}
</script>
</body>
</html>